// 轮播图
.banner {
  height: 1.8rem;
}
// 联系我们
.contact {
  width: 100%;
  .contact_crumb {
    font-size: 14px;
    color: #999;
    padding-bottom: 0.3rem;
    padding-left: 10px;
  }
  .contact_main {
    width: 100%;
    .left {
      float: left;
      width: 35%;
      margin-left: 1rem;
      p {
        font-size: 14px;
        color: #333;
      }
      .title {
        margin-bottom: 0.25rem;
        p {
          font-size: 30px;
          font-weight: 700;
        }
      }
      .addr {
        margin-bottom: 0.35rem;
      }
      .email {
        margin-bottom: 0.35rem;
      }
      .phone {
        margin-bottom: 0.35rem;
      }
    }
    .right {
      width: 45%;
      float: left;
      margin-left: 0.8rem;
      .text {
        p {
          &:nth-of-type(1) {
            font-size: 40px;
            font-family: OSLight;
            color: #e0e0e0;
            text-transform: uppercase;
            margin-bottom: 0.1rem;
          }
          &:nth-of-type(2) {
            font-size: 12px;
            color: #333;
            margin-bottom: 0.18rem;
          }
        }
      }
      form {
        label {
          color: #333;
          text-align: left;
        }
        input {
          width: 300px;
          height: 30px;
          border: 1px solid #999;
        }
        textarea {
          width: 5.2rem;
          height: 1.2rem;
        }
        #submit {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 165px;
          height: 45px;
          background-color: #fff;
          margin-top: 10px;
          color: #fff;
          background-color: #ff6c2e;
        }
      }
    }
  }
}
// 地图
.map {
  width: 75%;
  margin: 0 auto;
  img {
    width: 100%;
  }
}

@media screen and (max-width: 400px) {
  .contact .contact_main .right form input {
    width: 100%;
  }
  .contact .contact_main .right form textarea {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .contact .contact_main .right {
    // display: block;
    float: none;
    width: 70%;
    margin: 0 auto;
  }
  .contact .contact_main .right .text p:nth-of-type(1) {
    font-size: 30px;
  }
  .contact .contact_main .right form textarea {
    width: 100%;
    height: 80px;
  }
  .contact .contact_main .right form #submit {
    width: 130px;
    height: 35px;
  }
  .contact .contact_main .left {
    float: none;
    width: 70%;
    margin: 0 auto;
  }
}






